<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../assets/css/layui.css">
    <link rel="stylesheet" href="../assets/css/view.css"/>
    <link rel="icon" href="/favicon.ico">
    <title>管理后台</title>
</head>
<body class="layui-view-body">
    <div class="layui-content">
        <div class="layui-page-header">
            <div class="pagewrap">
                <span class="layui-breadcrumb">
                
                  <a><cite></cite></a>
                </span>
                <h2 class="title">项目总结</h2>
            </div>
        </div>
        <div class="layui-row">
            <div class="layui-card">
                <div class="layui-card-body">
                <form action="../query.do">
                 <div class="form-box">
                        <div class="layui-form layui-form-item">
                            <div class="layui-inline">
                         
                               
                               
                                <div class="layui-form-mid">Model层:</div>
                                <div class="layui-input-inline" style="width: 100px;">
                                    <select name="sex">
                                        <option value="1">Dao</option>
                                        <option value="2">Service</option>
                                    </select>     
                                </div>
                                &nbsp  &nbsp  &nbsp  &nbsp  &nbsp
                                <div class="layui-form-mid"> &nbsp  &nbsp  &nbsp &nbsp  &nbsp  View层:</div>
                                <div class="layui-input-inline" style="width: 100px;">
                                  <input type="text" autocomplete="off" class="layui-input">
                                </div>
                             
                             	 <div class="layui-form-mid"> &nbsp  &nbsp  &nbsp &nbsp  &nbsp  Controller层:</div>
                                <div class="layui-input-inline" style="width: 100px;">
                                  <input type="text" autocomplete="off" class="layui-input">
                                </div>
                                </div>
                                <button class="layui-btn layui-btn-blue">查询</button>
                                <button class="layui-btn layui-btn-primary">重置</button>
                            </div>
                        </div>
                </form>
                   
                        <button class="layui-btn layui-btn-blue"><i class="layui-icon">&#xe654;</i>新增</button>
                        <table id="demo"></table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="../assets/layui.all.js"></script>
    <script>
      var element = layui.element;
  var table = layui.table;
  var form = layui.form;
  
  //展示已知数据
  table.render({
    elem: '#demo'
    ,cols: [[ //标题栏
      {field: 'id', title: '条数', width: 80, sort: true}
      ,{field: 'username', title: '所属层', width: 120}
      ,{field: 'email', title: '亮点技术', minWidth: 150}
      ,{field: 'sign', title: '技术优势', minWidth: 160}
      ,{field: 'sex', title: '原创', width: 80}
      ,{field: 'city', title: '作者', width: 100}
      ,{field: 'experience', title: '老师', width: 80, sort: true}
    ]]
    ,data: [{
      "id": "01"
      ,"username": "DAO层"
      ,"email": "泛型类以及泛型方法的构造"
      ,"sex": "是"
      ,"city": "邵辉"
      ,"sign": "写各种接口的实现类时，可直接继承泛型类以调用各种泛型方法"
      ,"experience": "王晓芳"
      ,"ip": "192.168.0.8"
      ,"logins": "108"
      ,"joinTime": "2016-10-14"
    }, {
      "id": "02"
      ,"username": "DAO层"
      ,"email": "采用C3P0连接池连接mysql数据库"
      ,"sex": "是"
      ,"city": "邵辉"
      ,"sign": "资源重用、统一连接管理、为将来学Spring框架做准备"
      ,"experience": "王晓芳"
      ,"ip": "192.168.0.8"
      ,"logins": "106"
      ,"joinTime": "2016-10-14"
      ,"LAY_CHECKED": true
    }, {
      "id": "03"
      ,"username": "DAO层"
      ,"email": "DButils管理连接与断开"
      ,"sex": "是"
      ,"city": "邵辉"
      ,"sign": "弥补了原来DBHelper的不足"
      ,"experience": "王晓芳"
      ,"ip": "192.168.0.8"
      ,"logins": "106"
      ,"joinTime": "2016-10-14"
    }, {
      "id": "04"
      ,"username": "DAO层"
      ,"email": "QueryRunner处理sql语句以及object args[]参数"
      ,"sex": "是"
      ,"city": "邵辉"
      ,"sign": "简化了操作数据的步骤，并且执行结果返回已封装好的数据类型"
      ,"experience": "王晓芳"
      ,"ip": "192.168.0.8"
      ,"logins": "106"
      ,"joinTime": "2016-10-14"
    },
    
   // for(int i=0;)
    {
      "id": "05"
      ,"username": "Controller层"
      ,"email": "采用反射机制处理传参问题"
      ,"sex": "是"
      ,"city": "邵辉"
      ,"sign": "解决了原来利用？传参的安全性问题"
      ,"experience": "王晓芳"
      ,"ip": "192.168.0.8"
      ,"logins": "106"
      ,"joinTime": "2016-10-14"
    }, {
      "id": "06"
    	  ,"username": "View层"
    	      ,"email": "Layui框架的使用以及页面布局美化"
    	      ,"sex": "是"
    	      ,"city": "邵辉"
    	      ,"sign": "利用框架展现MVC项目以及项目总结给老师(高效检阅)"
    	      ,"experience": "王晓芳"
    	      ,"ip": "192.168.0.8"
    	      ,"logins": "106"
    	      ,"joinTime": "2016-10-14"
    }, {
      "id": "07"
    	  ,"username": "View层"
    	      ,"email": "写JS时引入JQuery语言"
    	      ,"sex": "是"
    	      ,"city": "邵辉"
    	      ,"sign": "实现了更丰富的功能以更好与用户交互"
    	      ,"experience": "王晓芳"
    	      ,"ip": "192.168.0.8"
    	      ,"logins": "106"
    	      ,"joinTime": "2016-10-14"
    }, 
    {
      "id": "08"
    	  ,"username": "View层"
    	      ,"email": "权限问题的解决：游客、用户、唯一超级管理员(邵辉)"
    	      ,"sex": "是"
    	      ,"city": "邵辉"
    	      ,"sign": "分别授权，分别执行，按权管理"
    	      ,"experience": "王晓芳"
    	      ,"ip": "192.168.0.8"
    	      ,"logins": "106"
    	      ,"joinTime": "2016-10-14"
    },
    {
        "id": "09"
      	  ,"username": "View层"
      	      ,"email": "分页技术"
      	      ,"sex": "是"
      	      ,"city": "邵辉"
      	      ,"sign": "项目总结中分页呈现内容，条理清晰"
      	      ,"experience": "王晓芳"
      	      ,"ip": "192.168.0.8"
      	      ,"logins": "106"
      	      ,"joinTime": "2016-10-14"
      }, 
      {
          "id": "10"
        	  ,"username": "View层"
        	      ,"email": "多条件模糊查询、Cookie&Application、退出登陆&权限改变、"
        	      ,"sex": "是"
        	      ,"city": "邵辉"
        	      ,"sign": "实现了更丰富的功能以更好与用户交互"
        	      ,"experience": "王晓芳"
        	      ,"ip": "192.168.0.8"
        	      ,"logins": "106"
        	      ,"joinTime": "2016-10-14"
        }, 
        {
            "id": "11"
          	  ,"username": "View层"
          	      ,"email": "其他小功能与技术的使用："
          	      ,"sex": "是"
          	      ,"city": "邵辉"
          	      ,"sign": "比如EL表达式优化代码等等"
          	      ,"experience": "王晓芳"
          	      ,"ip": "192.168.0.8"
          	      ,"logins": "106"
          	      ,"joinTime": "2016-10-14"
          }
    
    ]
    ,skin: 'line' //表格风格
    ,even: true
    ,page: true //是否显示分页
    ,limits: [5, 7, 10]
    ,limit: 5 //每页默认显示的数量
  });
    </script>
</body>
</html>